﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TrackPetWF.Default" %>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tracks Pet</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--font awesome-->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="owl-carousel/owl.carousel.css" rel="stylesheet">
    <link href="owl-carousel/owl.theme.css" rel="stylesheet">
    <link href="owl-carousel/owl.transitions.css" rel="stylesheet">
    <link href="flex-slider/flexslider.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <!--custom css-->
    <link href="css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>
<body>
    <div class="top-bar">
        <div class="container">
            <div class="col-sm-6 hidden-xs">
                <ul class="list-inline">
                    <li><span><i class="fa fa-phone"></i>+507 000-0000</span></li>
                    <li><span><i class="fa fa-envelope"></i>info@trackspet.com</span></li>
                </ul>
            </div>
            <div class="col-sm-6 text-right">
                <ul class="list-inline socials">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <%--<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>--%>
                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
    <header class="header">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <a href="#" class="logo">
                        <img src="images/logo_tp2.png" />
                        <%--<img src="images/logo.png" alt="">--%>
                    </a>
                </div>
                <div class="col-sm-9">
                    <div class="text-right">
                        <span><strong><i class="fa fa-clock-o"></i>Protección 24 horas</strong></span>
                        <a href="#" class="appointment-button"><i class="fa fa-shield"></i>Obtén uno</a>
                    </div>
                    <!-- Static navbar -->
                    <nav class="navbar navbar-inverse navbar-static-top">
                        <div>
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>

                            </div>
                            <div id="navbar" class="navbar-collapse collapse">
                                <ul class="nav navbar-nav navbar-right">
                                    <li class="active"><a href="Default.aspx">Inicio
                                        <img src="images/nav-cross.png" alt=""></a></li>
                                    <li><a href="#nosotros  ">Nosotros
                                        <img src="images/nav-cross.png" alt=""></a></li>
                                    <li><a href="#producto">Producto
                                        <img src="images/nav-cross.png" alt=""></a></li>
                                    <li><a href="#billboard">Billboard
                                        <img src="images/nav-cross.png" alt=""></a></li>
                                    <%--<li class="dropdown">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span> <img src="images/nav-cross.png" alt=""></a>
                                            <ul class="dropdown-menu">
                                                <li><a href="#">Action</a></li>
                                                <li><a href="#">Another action</a></li>
                                                <li><a href="#">Something else here</a></li>
                                            </ul>
                                        </li>--%>
                                    <li><a href="#contacto">Contácto
                                        <img src="images/nav-cross.png" alt=""></a></li>
                                </ul>
                            </div>
                            <!--/.nav-collapse -->
                        </div>
                        <!--/.container-fluid -->
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <div class="owl-carousel owl-theme main-slider">
        <div class="item">
            <div class="container">
                <div class="row">
                    <div class="col-xs-5">
                        <img src="images/dog.png" alt="" class="img-responsive">
                        <span>La protección que tu mascota merece.</span>
                        <h1>TRACKS PET</h1>
                        <%-- <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor...
                            </p>--%>
                        <a href="#"><i class="fa fa-arrow-circle-o-right"></i>Leer más</a>
                    </div>
                    <div class="col-xs-7">
                        <img src="images/dog-right.png" alt="" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="container">
                <div class="row">
                    <div class="col-xs-5">
                        <img src="images/dog.png" alt="" class="img-responsive">
                        <span>We take care good for your pets</span>
                        <h1>PETS CARE CENTER</h1>
                        <%--<p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor...
                            </p>--%>
                        <a href="#"><i class="fa fa-arrow-circle-o-right"></i>Leer más</a>
                    </div>
                    <div class="col-xs-7">
                        <img src="images/dog-right.png" alt="" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="container">
                <div class="row">
                    <div class="col-xs-5">
                        <img src="images/dog.png" alt="" class="img-responsive">
                        <span>We take care good for your pets</span>
                        <h1>PETS CARE CENTER</h1>
                        <%--<p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor...
                            </p>--%>
                        <a href="#"><i class="fa fa-arrow-circle-o-right"></i>Leer más</a>
                    </div>
                    <div class="col-xs-7">
                        <img src="images/dog-right.png" alt="" class="img-responsive">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="services">
        <div class="container-fluid">
            <div class="row">

                <div class="col-lg-6 col-lg-offset-6 col-md-7 col-md-offset-5">
                    <div class="services-wrap">
                        <div class="services-text animated wow fadeInUp" data-wow-delay="0.2s">
                            <h3>Bienvenido a
                                <br>
                                <strong>Tracks Pet</strong></h3>
                            <p>
                                Es un collar para mascotas y fue elaborado pensando en nuestras necesidades diarias con nuestras mascotas, no solo con la función de cargar una placa de identificación con el número telefónico del dueño, si no también que cuenta con tecnología avanza de carga Kinetica, la cual cuenta con tecnología avanzada para rastrear tu mascota en el lugar que se encuentre, también cuenta con un código KRL el cual está todo el historial médico de la mascota.
                            </p>
                            <a href="#producto"><i class="fa fa-angle-double-right"></i>Leer más</a>
                        </div>
                        <div style="height: 20px;" class="clearfix"></div>
                        <ul class="service-list clearfix animated wow fadeInUp" data-wow-delay="0.4s">
                            <li class="clearfix text-center">
                                <span>01</span>
                                <div class="service-content">
                                    <img src="images/s1.png" alt="">
                                    <h4 class="text-uppercase">Mascotas</h4>
                                    <a href="#"><i class="fa fa-angle-right"></i>Leer más</a>
                                </div>
                            </li>

                            <li class="clearfix text-center">
                                <span>02</span>
                                <div class="service-content">
                                    <img src="images/s2.png" alt="">
                                    <h4 class="text-uppercase">pet farandula</h4>
                                    <a href="#"><i class="fa fa-angle-right"></i>Leer más</a>
                                </div>
                            </li>
                            <li class="clearfix text-center">
                                <span>03</span>
                                <div class="service-content">
                                    <img src="images/s3.png" alt="">
                                    <h4 class="text-uppercase">¿Sabías qué?</h4>
                                    <a href="#"><i class="fa fa-angle-right"></i>Leer más</a>
                                </div>
                            </li>
                            <li class="clearfix text-center">
                                <span>04</span>
                                <div class="service-content">
                                    <img src="images/s4.png" alt="">
                                    <h4 class="text-uppercase">recomendados</h4>
                                    <a href="#"><i class="fa fa-angle-right"></i>Leer más</a>
                                </div>
                            </li>
                            <li class="clearfix text-center">
                                <span>05</span>
                                <div class="service-content">
                                    <img src="images/s5.png" alt="">
                                    <h4 class="text-uppercase">tracks pet</h4>
                                    <a href="#"><i class="fa fa-angle-right"></i>Leer más</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="appointment" id="nosotros">
        <img src="images/men.png" alt="" class="men-img hidden-sm hidden-xs wow animated fadeInUp" data-wow-delay="0.4s">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="center-title">
                        <div class="center-main-title wow animated fadeInUp">
                            <h1>Nosotros</h1>
                            <h3>¿Por qué existimos?</h3>
                            <%--<p>
                                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                                </p>--%>
                            <img src="images/border.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="center-title">
                        <div class="center-main-title wow animated fadeInUp">
                            <h1>Misión</h1>
                            <p>
                                Ofrecer a la clientela la mejor solución integral que apunte a combatir tal problema como lo es la pérdida de sus animales caninos rescatándolos y recuperándolos con a través de nuestros collares TRACKS PET, a partir  de una inmejorable oferta de producto, precio, calidad y servicio llevando adelante de forma sistemática campañas masivas de encuentra a tu perro y gato, como el único método estadísticamente comprobado, siendo a la vez eficiente, eficaz, ético y libre de crueldad, para hacerle frente a la sobrepoblación callejera.     
                            </p>
                            <img src="images/border.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="center-title">
                        <div class="center-main-title wow animated fadeInUp">
                            <h1>Visión</h1>
                            <p>
                                Ser una de las empresas líderes en el mercado internacional en la venta del producto para caninos como lo es el collar TRACKS PET así  convirtiéndonos a través de la optimización de recursos, en la organización mayor y de ayuda idónea para la solución cuando se trata de la pérdida de su mascota, operando con sucursales en las principales puntos del país.   
                            </p>
                            <img src="images/border.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <%--<div class="row wow animated fadeInUp" data-wow-delay="0.4s">
                    <div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-1 col-sm-12">
                        <div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="First Name">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Last Name">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Email">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Address">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Date">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <input type="text" class="form-control" placeholder="Time">
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <select class="form-control">
                                            <option>Pet Category</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <select class="form-control">
                                            <option>Service type</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="form-group">
                                        <textarea class="form-control" placeholder="Your Message" rows="8"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12 text-center">
                                    <button type="button"><img src="images/appointment.png" alt=""></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>--%>
        </div>
    </div>
    <div class="call-to-action" id="producto">
        <div class="container text-right">
            <div class="row">
                <%--<div class="col-sm-4 col-sm-offset-8 wow animated fadeInUp" data-wow-delay="0.3s">--%>
                <div class="col-sm-3 wow animated fadeInUp" data-wow-delay="0.3s">
                    <img src="images/solution.png" />
                </div>
                <div class="col-sm-9 wow animated fadeInUp" data-wow-delay="0.3s">
                    <div class="center-main-title wow animated fadeInUp">
                        <h1>Producto</h1>
                        <h3>Innovador, confiable y efectivo</h3>
                        <p>
                            El collar cuenta con un pequeño panel solar resistente a agua el cual carga con energía, también cuenta con un código krl, donde al escáner puedes ver el historial medico de la  mascotas y adquirir información como a que medicamentos es alérgico, si es esterilizado, o sufre de alguna enfermedad.
                        </p>
                        <a href="#"><i class="fa fa-arrow-circle-o-right"></i>Leer más</a>
                    </div>
                </div>
                <%--</div>--%>
            </div>
        </div>
    </div>
    <%--<div class="team">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3 wow animated fadeInUp" data-wow-delay="0.4s">
                    <div class="center-title">
                        <div class="center-main-title">
                            <h1>The team</h1>
                            <h3>Our members</h3>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                            </p>
                            <img src="images/border.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 wow animated fadeInUp" data-wow-delay="0.2s">
                    <div class="person">
                        <img src="images/team1.png" alt="" class="img-responsive">
                        <div class="clearfix">
                            <div class="pull-left">
                                <h4>John Doe</h4>
                            </div>
                            <ul class="pull-right list-inline">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 wow animated fadeInUp" data-wow-delay="0.4s">
                    <div class="person">
                        <img src="images/team2.png" alt="" class="img-responsive">
                        <div class="clearfix">
                            <div class="pull-left">
                                <h4>John Doe</h4>
                            </div>
                            <ul class="pull-right list-inline">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 wow animated fadeInUp" data-wow-delay="0.6s">
                    <div class="person">
                        <img src="images/team3.png" alt="" class="img-responsive">
                        <div class="clearfix">
                            <div class="pull-left">
                                <h4>John Doe</h4>
                            </div>
                            <ul class="pull-right list-inline">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>
    <div class="companion" ID="billboard">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="center-title">
                        <div class="center-main-title wow animated fadeInUp" data-wow-delay="0.2s">
                            <h1>BILLBOARD</h1>
                            <h3>Mascotas del mes</h3>
                            <%--<p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                            </p>--%>
                            <img src="images/border.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid wow animated fadeInUp" data-wow-delay="0.4s">
            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g2.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>MAX</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g4.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>PERCY</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g6.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>CINTHIA</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g8.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>BOBY</p>
                        </div>
                    </div>
                </div>
            </div>
            <%--<div class="row">
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g5.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>Companion title</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g6.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>Companion title</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g7.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>Companion title</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-3">
                    <div class="g-box">
                        <img src="images/g8.jpg" alt="" class="img-responsive">
                        <div class="g-box-overaly">
                            <a href="#"><i class="fa fa-plus-circle"></i></a>
                            <p>Companion title</p>
                        </div>
                    </div>
                </div>
            </div>--%>
        </div>
    </div>

   <%-- <div class="testimonials">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="center-title wow animated fadeInUp" data-wow-delay="0.2s">
                        <div class="center-main-title">
                            <h1>testimonials</h1>
                            <h3>What they say?</h3>
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
                            </p>
                            <img src="images/border.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class="owl-carousel owl-theme testi-slider">
                <div class="item">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text-center">
                            <img src="images/testi.png" alt="" width="100">
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
                                    ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
                                    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
                            </p>
                            <div class="info">
                                <i class="fa fa-arrow-down"></i>
                                <h4>Marry John</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text-center">
                            <img src="images/testi.png" alt="" width="100">
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
                                    ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
                                    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
                            </p>
                            <div class="info">
                                <i class="fa fa-arrow-down"></i>
                                <h4>Marry John</h4>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="row">
                        <div class="col-sm-8 col-sm-offset-2 text-center">
                            <img src="images/testi.png" alt="" width="100">
                            <p>
                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
                                    ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
                                    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
                            </p>
                            <div class="info">
                                <i class="fa fa-arrow-down"></i>
                                <h4>Marry John</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>

    <footer class="footer">
        <div class="container" id="contacto">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="center-title">
                        <div class="center-main-title">
                            <h1>Contáctanos</h1>
                            <h3>Equipo</h3>
                            <p>
                                Yenifer Albarrán<br />Liseyka Lasso<br />María Valdes<br />Yiriam Catuy<br />Jorge Montenegro
                            </p>
                            <img src="images/border1.png" alt="" class="img-responsive">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 text-center">
                    <i class="fa fa-map-marker fa-5x"></i>
                    <p>
                        Calle 3ra, Parque Lefevre, Edificio Plaza del Istmo<br>
                        Ciudad de Panamá, Panamá
                    </p>
                    <p>
                        <a href="#"><i class="fa fa-envelope"></i>info@trackspet.com</a><br>
                        <a href="#"><i class="fa fa-envelope"></i>soporte@trackspet.com</a>
                    </p>
                </div>
                <div class="col-sm-4 text-center">
                    <i class="fa fa-phone fa-5x"></i>
                    <p>+507 0000-0000</p>
                </div>
                <div class="col-sm-4 text-left">
                    <h2>Noticias</h2>
                    <p>
                        ¡Suscribete para recibir nuestras actualizaciones, promociones, descuentos y noticias de mascotas perdidas y encontradas!
                    </p>
                    <div class="form-newsltter">
                        <form>
                            <input type="email" class="form-control" placeholder="Ingresa tu e-mail">
                            <i class="fa fa-arrow-right"></i>
                            <button type="button" style="display: none;"></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <hr>
        <div class="container text-center">
            <span>&copy; Copyright 2016. All Right Reserved.</span>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="owl-carousel/owl.carousel.js"></script>
    <script src="js/jquery.mixitup.min.js"></script>
    <script src="flex-slider/jquery.flexslider-min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/custom.js"></script>
    <script>
        wow = new WOW(
                {
                    animateClass: 'animated',
                    offset: 100,
                    mobile: true
                }
        );
        wow.init();

    </script>
</body>
</html>
